<!--进入大屏——暂不需要-->
<template>
  <ele-modal
    top="30vh"
    width="500px"
    :visible="visible"
    title="某某大屏规则"
    custom-class="demo-file-sort-dialog"
    @update:visible="updateVisible"
  >
    <!--富文本内容-->
    <div class="rule-border" v-html="rule"></div>
    <template v-slot:footer>
      <el-button @click="updateVisible(false)">取消</el-button>
      <el-button type="primary" :loading="loading" @click="save">
        保存
      </el-button>
    </template>
  </ele-modal>
</template>

<script>
  export default {
    name: "enter-screen",

    props: {
      visible:Boolean
    },
    data(){
      return{
        rule:'<p>23333</p>'
      }

    },
    methods:{
      /* 更新 visible */
      updateVisible(value) {
        this.$emit('update:visible', value);
      },
    }
  }
</script>

<style scoped>
.rule-border{
  padding:20px 10px;
  border: 1px solid #ECECEC;
}
</style>
